<template>
	<view class="p2432">
		<view class="nav bgf br16 p24">
			<view class="flex_btw">
				<view class="">
					<image class="img_logo" :src="indexData.logo" mode=""></image>
				</view>
				<view class="c2a7">
					<view class="fs44 fw600 tc">{{indexData.site_name}}</view>
					<view class="mt4 fs32 tc">{{indexData.site_name_en}}</view>
				</view>
			</view>
			<view class="mt32 flex_btw">
				<view class="flex_x flex1" v-for="item in indexData.category">
					<image class="img28" :src="item.image_str" mode=""></image>
					<view class="ml10 c3 fs24 flex1 sn1">{{item.name}}</view>
				</view>
			</view>
		</view>

		<view class="mt24">
			<u-swiper height="686rpx" radius="16rpx" keyName="image" :list="indexData.site_banner" indicator
				indicatorMode='dot'>
			</u-swiper>
		</view>

		<view class="mt24 flex">
			<view class="order bgf br16 flex1 flex_y">
				<view class="mt24 flex_c flex_col">
					<image class="img" src="/static/index/user/xd.png" mode=""></image>
					<view class="mt10 c3 fw600 fs40">洗鞋下单</view>
					<view class="mt10 c6 fw500 fs28">无接触送达</view>
				</view>
			</view>
			<view class="order bgf br16 flex1 flex_y ml26">
				<view class="mt24 flex_c flex_col">
					<image class="img" src="/static/index/user/order.png" mode=""></image>
					<view class="mt10 c3 fw600 fs40">洗鞋订单</view>
					<view class="mt10 c6 fw500 fs28">订单实时更新</view>
				</view>
			</view>
		</view>

		<view class="mt40 c6 fw500 fs36 tc">项目介绍</view>

		<view class="">
			<view class="mt24 nav p24 bgf flex_btw br16" @click="explain">
				<view class="">
					<view class="c3 fw600 fs36">洗鞋说明</view>
					<view class="c6 fw500 fs28 mt10">这是关于洗鞋的服务流程</view>
				</view>
				<view class="">
					<image class="img_project" src="/static/index/user/sm.png" mode=""></image>
				</view>
			</view>
			<view class="mt24 nav p24 bgf br16">
				<zh-button openType="contact">
					<view class="flex_btw">
						<view class="">
							<view class="c3 fw600 fs36 tl">联系客服</view>
							<view class="c6 fw500 fs28 mt10">联系客服了解洗护流程</view>
						</view>
						<view class="">
							<image class="img_project" src="/static/index/user/wx.png" mode=""></image>
						</view>
					</view>
				</zh-button>
			</view>

		</view>

	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				indexData: '', //首页数据

				commitment_list: [{ //承诺列表
						id: 1,
						img: '/static/index/user/pz.png',
						name: '品质服务'
					},
					{
						id: 2,
						img: '/static/index/user/gx.png',
						name: '标准工序'
					},
					{
						id: 3,
						img: '/static/index/user/ks.png',
						name: '全程可塑'
					},
					{
						id: 4,
						img: '/static/index/user/sh.png',
						name: '售后无忧'
					},
				],
				banner_list: [
					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
				], //banner列表

			}
		},
		created() {

		},
		mounted() {

		},
		methods: {
			getUserIndex() { //首页数据
				this.$api.getUserIndex().then(res => {
					if (res.code == 1) {
						this.indexData = res.data
					}
				})
			},
			explain() { //洗鞋说明
				uni.navigateTo({
					url: '/pages/share/textContent/textContent?type=project_introduction&title=洗鞋说明'
				})
			}
		},
		computed: {

		},
		watch: {

		}
	}
</script>

<style lang="scss" scoped>
	.nav {
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);

		.img_logo {
			width: 112upx;
			height: 110upx;
		}

		.img_project {
			width: 65upx;
			height: 65upx;
		}
	}

	.order {
		height: 280upx;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);

		.img {
			width: 128upx;
			height: 106upx;
		}
	}
</style>
